/**
 * 张楗博销售预测功能js
 */




 /*----------------------------------方法1 点击销售查看按钮,弹出模态框,默认不选中一行数据时报错-------------------------------------------------*/
$(document).on("click",".find_btn",function() {
		console.log("++++++++"+$("input[name='ss']:checked").val());
	  
		vs.findSalesDeptAnal(1,$("input[name='ss']:checked").val());
	  
		getChartData($("input[name='ss']:checked").val());//aja后台交互    
		$("#pieChart").show();
		$("#find_btn").attr("find_id", $("input[name='ss']:checked").val());
			if($("input[name='ss']:checked").val()!=null){
				//弹出显示部门月销售金额列表的模态框
				$("#salesDeptAnalModal").modal({
					backdrop : "static"
				});
				
			}else{
				alert("未选中数据,无法查看数据!!!");
			}
			
				
		})

/*----------------------------------函数2 页面加载时执行的函数-------------------------------------------------*/
$(document).ready(function() {
	console.log("进来了么？？？");
	vm.Paging1(1);

})

/*--------------------------------------函数3 vue函数--------------------------------------------------------------*/
var vm = new Vue({
	el : '#salesanal',
	data : {
		home : ''
	},
	methods : {
		Paging1 : function(currentPage) {

			var currentPage = currentPage;
			console.log("进来了么？？？？？？？？？？？" + currentPage);
			var _self = this;
			$.ajax({
				url : '../SalesAnal/getSalesAnal',
				type : 'post',
				dataType : 'json',
				data : {
					'currentPage' : currentPage,
				},

				success : function(data) {

					_self.home = data.hsalist;
					console.log(_self.home);
					laypage({
						cont : $("#clear"), // 定义分页显示的容器
						pages : data.totalPage, // 从后台查询得到总页数
						curr : currentPage,
						skin : 'molv',
						skip : true,
						last : '末页',
						groups : 3,
						jump : function(obj, first) {
							console.log("==========================");

							if (!first) {
								vm.Paging1(obj.curr);
							}
						}
					});
					// =====================截止
				}
			})// =====================ajax结束
		},
		findSalesPre : function(currentPage, month) {
			console.log("======================");
			var _self = this;
			$.ajax({
				url : '../SalesAnal/findSalesAnalByMonth',
				type : 'post',
				dataType : 'json',
				data : {
					'currentPage' : currentPage,
					'month' : month,
				},
				success : function(data) {
					_self.home = data.extend.map.anallist;
				
					laypage({
						cont : $("#clear"), // 定义分页显示的容器
						pages :data.extend.map.totalPage, // 从后台查询得到总页数
						curr : currentPage,
						skin : 'molv',
						skip : true,
						last : '末页',
						groups : 3,
						jump : function(obj, first) {
							console.log("==========================");

							if (!first) {
								vm.findSalespre(obj.curr, month);
							}
						}
					});
					// =====================截止
				}
			})// =====================ajax结束
		}// findSalesPreByMonth结束
	}
	

})

/*--------------------------------------函数4 弹出模态框的vue--------------------------------------------------------------*/
var vs = new Vue({
	el : '#salesdeptanal',
	data : {
		home : ''
	},
	methods : {
		findSalesDeptAnal : function(currentPage, salesMonthAnalId) {
			console.log("==========="+salesMonthAnalId);
			var _self = this;
			$.ajax({
				url : '../SalesAnal/getSalesDeptAnal',
				type : 'post',
				dataType : 'json',
				data : {
					'currentPage' : currentPage,
					'salesMonthAnalId' : salesMonthAnalId
				},
				success : function(data) {
					_self.home = data.hsdalist;
					console.log(_self.home);
					laypage({
						cont : $("#fy"), // 定义分页显示的容器
						pages : data.totalPage, // 从后台查询得到总页数
						curr : currentPage,
						skin : 'molv',
						skip : true,
						last : '末页',
						groups : 3,
						jump : function(obj, first) {
							console.log("==========================");

							if (!first) {
								vm.findSalesDeptAnal(obj.curr, salesMonthAnalId);
							}
						}
					});
					// =====================截止
				}
			})// =====================ajax结束
		}// findSalesPlanByMonth结束

	}

})
/*-------------------------------------饼状图需要的函数-------------------------------------------------*/

function getChartData(salesMonthAnalId) {
	var dom1 = document.getElementById("pieChart");

	
	//通过内置对象的 init()函数 创建图表对象 (全局变量)
	var myChart = echarts.init(dom1);//可传入第二个参数设置主图

	var app = {};
	//全局变量 option, json对象
	var option = {
		title : {
			text : '部门月销售金额占比',
			subtext : '仅供参考',
			x : 'center'
		},
		tooltip : {
			trigger : 'item',
			formatter : "{a} <br/>{b} : {c} ({d}%)"
		},
		legend : {
			orient : 'vertical',
			x : 'left',
			data : [/* '直接访问','邮件营销','联盟广告','视频广告','搜索引擎' */]
		},
		toolbox : {
			show : true,
			feature : {
				mark : {
					show : true
				},
				dataView : {
					show : true,
					readOnly : false
				},
				restore : {
					show : true
				},
				saveAsImage : {
					show : true
				}
			}
		},
		calculable : true,
		series : [ {
			name : '访问来源',
			type : 'pie',
			radius : '55%',
			center : [ '50%', '60%' ],
			data : [
			 
			],
			itemStyle : {
				emphasis : {
					shadowBlur : 10,
					shadowOffsetX : 0,
					shadowColor : 'rgba(0, 0, 0, 0.5)'
				}
			}
		} ]
	};
	// 为echarts对象加载数据 
	myChart.hideLoading();
	myChart.setOption(option);
	console.log("=======<><><>=======");
	
	//通过Ajax获取数据  
	$.ajax({
		type : "post",
		url : "../SalesAnal/getPieData",
		async:false,
		data : {'salesMonthAnalId':salesMonthAnalId},
		dataType : "json", //返回数据形式为json  
		success : function(result) {
			console.log("=======+++后表数据=======");
			if (result) {
				console.log("=======后表数据======="+result);
				option.legend.data = result.legend;
				option.series[0].data = result.series;
			
				//myChart.hideLoading();
			
				myChart.setOption(option);//更新图表
				
			}
		},
		error : function(errorMsg) {
			alert("不好意思，图表请求数据失败啦!");
			myChart.hideLoading();
		}
		
	});
	
	
}


function jump(){
	console.log("------------" + $("#find_btn").attr("find_id"));
    window.location.href="../SalesAnal/createExcel?salesMonthAnalId="+$("#find_btn").attr("find_id");
}
/*------------------------------------------------------按月查询销售分析---------------------------------------------------------------*/
function findSalesAnalByMonth() {
	var month = $("#preMonth").val();
	console.log(">>>>>>>>>"+preMonth);
	vm.findSalesPre(1, month);
}
